 .mainbody {
     height: 100%;
     position: relative;
 }


 a {
     text-decoration: none;
 }


 .el-header {
     color: #333;
     text-align: center;
     line-height: 60px;
 }

 .el-main {
     position: relative;
     background-image: -webkit-linear-gradient(top, #68def3 0%, #297af5 100%);
     height: 600px;
     margin: 0 auto;
 }

 .el-footer {
     /* background-color: #B3C0D1; */
     color: #333;
     text-align: center;
     line-height: 60px;
 }

 .el-row {
     margin-bottom: 20px;
 }

 .el-col {
     border-radius: 4px;
 }

 .bg-purple-dark {
     background: black;
 }

 .grid-content {
     border-radius: 4px;
     min-height: 36px;
 }

 .el-main .from span {
     color: rgb(233, 24, 24);
 }


 /*.mainbody {
    height: 100%;
    width: 100%;
    position: relative;
}


a {
    text-decoration: none;
}

.el-header {
    color: #333;
    text-align: center;
    line-height: 60px;
}

.el-main {
    position: relative;
    background-image: -webkit-linear-gradient(top, #68def3 0%, #297af5 100%);
    height: 500px;
    width: 100%;
    margin: 0 auto;
}

.el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
}

.el-row {
    margin-bottom: 20px;
}

.el-col {
    border-radius: 4px;
}

.bg-purple-dark {
    background: black;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.el-main .from span {
    color: rgb(233, 24, 24);
} */